<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1">
	<title>CC指南</title>
	<!-- 新 Bootstrap 核心 CSS 文件 -->
	<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css">

	<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <link rel="stylesheet" href="style/mystyle.css">
    <style >
    	body{
    		font-family: Microsoft YaHei,'宋体' , Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;
    	}
    </style>
</head>
<body>
	<!-- 导航条开始： -->
	<nav class="navbar navbar-default navbar-fixed-top user-nav" role="navigation" style="">
      <div class="container" >
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand user-logo" href="#">CC指南</a>
        </div>
        <div id="navbar" class="navbar-collapse collapse">
          <ul class="nav navbar-nav">
            <li class="active"><a href="index.html">导航首页</a></li>
            <li><a href="#about">实验室</a></li>
            <li><a href="http://www.cnblogs.com/ccandle/">Bloging</a></li>
            <li><a href="http://www.ccdot.cn/talk.html">讨论交流</a></li>
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">更多内容<span class="caret"></span></a>

              <ul class="dropdown-menu" role="menu">
                <li><a href="http://weibo.com/anton2014">Follow me @WeiBo.com</a></li>
                <li><a href="#">学院首页</a></li>
                <li><a href="#">软件学院</a></li>
                <li><a href="#">关于</a></li>
                <li><a href="#"><del>正在开发中...</del></a></li>
                <li class="divider"></li>
                <li class="dropdown-header">友情连接</li><!-- Nav header-->
                <li><a href="#">活动中心</a></li> 
                <li><a href="#">其他...</a></li>
              </ul>

            </li>
          </ul>
          <ul class="nav navbar-nav navbar-right">
            <!-- <li><a href="#">@ WeiBo</a></li> -->
            <form class="nav-search" action="https://www.sogou.com/web" autocomplete="off" target="_blank">
                    <input type="search" name="query" placeholder="搜索一下" class="form-control" >
                    <!-- <input name="search" value="搜索" type="submit" class="btn btn-sm"> -->
            </form>
          </ul>
        </div><!--/.nav-collapse -->
      </div>
    </nav>
<!-- nav结束，正文开始 -->


<div class="container">

		<div class="jumbotron">
			<br/>
			<h2>Welcome,<br>  My Friends!</h2>
			<p>欢迎补充反馈</p>
			<!-- <p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a></p> -->
		</div>
<!-- 巨幕结束，collaspe开始 -->
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
	<!-- #1展示 开始 -->
  <div class="panel panel-default">
    <div class="panel-heading" role="tab" id="headingOne">
      <h4 class="panel-title">
        <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
          #1 校园&常用网站=>=>=>
        </a>
      </h4>
    </div>
    <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
      <div class="panel-body">
        <!-- 文字 -->
		<ul class="nav nav-pills" role="tablist">
			<li role="presentation"><a href="http://172.30.2.66/vod/action/indexListAction.do?method=indexShow" title="校园VOD系统" target="_blank" >VOD视频</a></li>
        	<li role="presentation"><a href="http://cityftp.dlut.edu.cn/" title="" target="_blank" >FTP下载</a></li>	
			<li role="presentation"><a href="http://210.30.108.111" target="_blank" >城院PT</a></li>
			<li role="presentation"><a href="http://bt.neu6.edu.cn" title="" target="_blank" >六维空间</a></li>
			<li role="presentation"><a href="http://hdtv.neu6.edu.cn/" target="东北大学IPv6视频直播测试站" target="_blank" >东大IPV6</a></li>
			<li role="presentation"><a href="http://tv.byr.cn/desktop/" target="_blank" >北邮IPTV</a></li>
			<li role="presentation"><a href="http://www.mashang6.edu.cn/" title="马上6网站导航" target="_blank" >马上6</a></li>
			<li role="presentation"><a href="http://www.icourse163.org" title="" target="_blank" >中国大学MOOC</a></li>
			<li role="presentation"><a href="http://6world.szu.edu.cn/" title="IPv6资源" target="_blank" >6World</a></li>
			<li role="presentation"><a href="https://my.imssx.com/" title="翻墙注册" target="_blank" >imssx</a></li>
			<li role="presentation"><a href="http://www.fanfou.com" title="" target="_blank" >饭否</a></li>
			<li role="presentation"><a href="http://www.cnblogs.com" title="" target="_blank" >博客园</a></li>
			<li role="presentation"><a href="http://dwz.cn" title="" target="_blank">百度短网址</a></li>
			<li role="presentation"><a href="http://dwz.wailian.work/" title="" target="_blank" >新浪短网址</a></li>
			<li role="presentation"><a href="http://cli.im/" title="草料二维码生成器" target="_blank" >草料二维码</a></li>
			<li role="presentation"><a href="http://tbsweb.browser.taobao.com/recommend/search.html" title="" target="_blank" >淘宝分享网址</a></li>
		</ul>
        <!-- 文字结束 -->
      </div>
    </div>
  </div><!-- #1展示结束 -->
	<!-- #2展示开始====== -->
  <div class="panel panel-default">
    <div class="panel-heading" role="tab" id="headingTwo">
      <h4 class="panel-title">
        <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
          #2 技术类站点=>=>=>
        </a>
      </h4>
    </div>
    <div id="collapseTwo" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingTwo">
      <div class="panel-body">
        <!-- 文字 -->
		<ul class="nav nav-pills" role="tablist">
			<li role="presentation"><a href="http://cdn.code.baidu.com/" title="百度静态资源公共库" target="_blank" >百度静态</a></li>
			<li role="presentation"><a href="http://www.zcool.com.cn" title="" target="_blank" >站酷</a></li>
			<li role="presentation"><a href="http://www.jobbole.com" title="" target="_blank" >伯乐在线</a></li>
			<li role="presentation"><a href="http://www.huaban.com" title="" target="_blank" >花瓣</a></li>
			<li role="presentation"><a href="http://guge.suanfazu.com/" title="" target="_blank" >谷歌镜像</a></li>
			<li role="presentation"><a href="http://www.iconfont.cn" title="" target="_blank" >阿里巴巴矢量图标</a></li>
			<li role="presentation"><a href="http://www.blog.sina.com.cn" title="" target="_blank" >新浪博客</a></li>
			<li role="presentation"><a href="http://www.hao.uisdc.com" title="" target="_blank">设计师导航网</a></li>
			<li role="presentation"><a href="http://www.logomaker.com.cn" title="" target="_blank">在线logo</a></li>
			<li role="presentation"><a href="http://blog.zhaojie.me" title="" target="_blank">老赵点滴</a></li>
			<li role="presentation"><a href="http://www.w3school.com.cn" title="" target="_blank">W3C</a></li>
			<li role="presentation"><a href="http://tool.oschina.net/commons?type=3" title="" target="_blank">RGB对照</a></li>
		</ul>
        <!-- 文字结束 -->
      </div>
    </div>
  </div><!--#2展示结束-->
	<!-- #3展示开始====== -->
  <div class="panel panel-default">
    <div class="panel-heading" role="tab" id="headingThree">
      <h4 class="panel-title">
        <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
          #3 编程实践
        </a>
      </h4>
    </div>
    <div id="collapseThree" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingThree">
      <div class="panel-body">
        <!-- 文字 -->
		<ul class="nav nav-pills" role="tablist">
			<li role="presentation"><a href="https://msdn.microsoft.com/zh-cn" title="" target="_blank">MSDN学习开发</a></li>
			<li role="presentation"><a href="https://mva.microsoft.com/" title="" target="_blank">Microsoft Virtual Academy</a></li>
			<li role="presentation"><a href="https://webtooling.visualstudio.com/languages/" title="" target="_blank">MSDN Languages</a></li>
			<li role="presentation"><a href="#" title="" target="_blank">##</a></li>
			<li role="presentation"><a href="#" title="" target="_blank">##</a></li>
		</ul>
        <!-- 文字结束 -->
      </div>
    </div>
  </div><!-- #3展示结束 -->
	<!-- #4展示开始==== -->
	<div class="panel panel-default">
    <div class="panel-heading" role="tab" id="headingFour">
      <h4 class="panel-title">
        <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
          #4 第四个模块
        </a>
      </h4>
    </div>
    <div id="collapseFour" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingFour">
      <div class="panel-body">
        <!-- 文字 -->
		<ul class="nav nav-pills" role="tablist">
			<li role="presentation"><a href="#" title="" target="_blank">##</a></li>
			<li role="presentation"><a href="#" title="" target="_blank">##</a></li>
			<li role="presentation"><a href="#" title="" target="_blank">##</a></li>
			<li role="presentation"><a href="#" title="" target="_blank">##</a></li>
			<li role="presentation"><a href="#" title="" target="_blank">##</a></li>
		</ul>
        <!-- 文字结束 -->
      </div>
    </div>
  </div><!--#4展示结束-->

  <!-- collaspe结束div： -->
</div>
<!--  -->
      
</div> <!-- /container -->
<script>
$(function () { $('#collapseFour').collapse({
        toggle: false
    })});
    $(function () { $('#collapseTwo').collapse('show')});
    $(function () { $('#collapseThree').collapse('toggle')});
    $(function () { $('#collapseOne').collapse('hide')});
</script>
<!-- footer开始 -->
  <div style="width: 100%;background-color: #614789;">
<div class="footer container-fluid">
	<footer class="container-fluid footer">
	<div class="container" style="background-color: #614789;color: #fff;">
	<div class="row">
	<div class="footer-about col-md-5 col-sm-12" id="about">
	<h4>关于 CC指南</h4>
	<p>导航页基于Bootstrap框架设计,便于平时使用</p>
	<p>感谢互联网和诸多大神的参考文档。</p>
	<p>反馈或建议请发送邮件至：uacheung@gmail.com</p>
	</div>
	<div class="footer-links col-md-2 col-sm-12">
	<h4>友情链接</h4>
	<ul class="list-unstyled">
		<li><a href="http://www.ghostchina.com/" target="_blank">Ghost 中国</a></li>
		<li><a href="http://www.phpcomposer.com/" target="_blank">Composer 中国镜像</a></li>
	</ul>
	</div>
	<div class="footer-techs col-md-3 col-sm-12">
	<h4>相关用到的技术</h4>
	<ul class="list-unstyled list-inline">
		<li><a href="http://www.bootcss.com/" target="_blank">Bootstrap</a></li>
		<li><a href="http://v3.bootcss.com/" target="_blank">Bootstrap中文</a></li>
		<li><a href="http://www.jquery123.com/" target="_blank">jQuery</a></li>
	</ul>
	</div>
	<div class="footer-sponsors col-md-2 col-sm-12">
	<h4>Logo展示</h4>
		<p><a href="#" style="border-bottom: none" target="_blank">
			<img src="http://www.bootcdn.cn/assets/img/Upyun_LOGO_300.png" style="width: 120px" alt="又拍云存储"></a>
		</p>
	</div>
	</div></div>
	<div class="copy-right" style="text-align: center;">
		<span>&copy; 2016</span> 
		<a href="http://www.miibeian.gov.cn/" target="_blank">京ICP备00000000号</a> 
		<span>京公网安备000000000000</span>
	</div>
	</footer>
</div>
  </div><!-- 后加的外部底色  -->
	<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
	<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>

	<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
	<script src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
</body>
</html>
